<!DOCTYPE html>
<html lang="cn">
<!--[if IE 9 ]>
<html class="ie9"><![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="中保研碰撞测试汇总">
    <meta name="keywords" content="中保研,碰撞测试,中保研汇总,中保研测试汇总,中保研碰撞测试汇总">
    <title>中保研测试汇总</title>
    <link href="vendors/bower_components/material-design-iconic-font/dist/css/material-design-iconic-font.min.css"
          rel="stylesheet">
    <link href="vendors/bower_components/lightgallery/dist/css/lightgallery.min.css" rel="stylesheet">
    <link href="vendors/bower_components/jquery.bootgrid/dist/jquery.bootgrid.min.css" rel="stylesheet">
    <link href="resource/css/az.css" rel="stylesheet">

    <link type="image/x-icon" href="resource/img/favicon.ico" rel=icon/>
    <link type="image/x-icon" href="resource/img/favicon.ico" rel="shortcut icon"/>

    <link href="resource/css/essay.material.floating.button.css" rel="stylesheet">
    <link href="resource/css/ripple.float.button.css" rel="stylesheet">
    <link href="css/site.car.css" rel="stylesheet">
    <style>
        .car-logo { width: 24px; height: 16px; margin-right: 10px; }
        .grade {
            font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif, FreeSans, Arimo;
            font-weight: bold;
            color: #000000;
            padding: 5px 0px;
            text-align: center;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            width: 55px;
            height: 28px;
            display: block
        }
        .not-official { text-decoration: underline; }
        .main-header { background-color: #22313A; height: 65px; margin-left: -5px; margin-right: -5px }
        .main-title { color: #c2cbce; font-family: 'Microsoft YaHei', sans-serif; font-size: large; font-weight: bold; margin: 0px 130px 0px 10px; }
        .btn-save-image {
            float: right;
            font-size: small;
            padding: 3px 8px;
            cursor: pointer;
            margin-right: 56px;
            color: #ffffff;
            background-color: #607D8B;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
        }
        .btn-save-image:hover { color: #FFEB3B; background-color: #009688; }
        .update-date { float: right; font-weight: bold; margin-right: 16px; font-size: 15px; }
        .btn-detail-link { font-size: 20px; color: #AAAAAA; }
        .btn-detail-link:hover { font-size: 20px; color: #EEEEEE; }
        .btn-view-image { background: none; border: none; }
        .btn-detail-nolink { font-size: x-large; color: #9E9E9E; }
        .section { width: 100%; }
        .score-detail { width: 100%; height: 1225px; }
        .car-make { color: #ffffff; }
        .car-model { color: #ffffff; }
        .car-year { font-size: x-small; color: #AAAAAA; }
        .car-price { font-size: xx-small; color: #CCCCCC; float: right; }
        .watermark { width: 100%; margin-top: -15px; margin-bottom: -20px; }
        .watermark .text { font-size: small; font-style: italic; position: relative; padding: 0 1.5rem; color: #CCC; }
        .watermark .line-left {
            display: inline-block;
            vertical-align: middle;
            width: 10%;
            height: 1px;
            background: linear-gradient(to left, #f44336, #FFEB3B, #4CAF50);
        }
        .watermark .line-right {
            display: inline-block;
            vertical-align: middle;
            width: 10%;
            height: 1px;
            background: linear-gradient(to right, #f44336, #FFEB3B, #4CAF50);
        }
        .line-vertical { vertical-align: top; margin: 0px 5px 0px 7px; color: #607D8B;}
        .main-frame { padding: 0px 5px 30px 5px; }
        .detail-frame { padding: 5px 5px; }
        .no-video { color: #757575; pointer-events: none; }
    </style>

    <script>
        // Force redirect to faster gitee server
        if (location.href.indexOf("Website") < 0 && location.href.indexOf("gitee.io") < 0)
            location.href = 'https://zhongbaoyan.gitee.io';

        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?e3a97a0eee3cb03b5caf792f58032743";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>

<section id="main" style="margin:auto;padding:0;width: 980px;">
    <section id="content">
        <ul id="menu" class="mfb-component--br mfb-slidein-spring" data-mfb-toggle="hover"></ul>
        <div class="card" style="margin-top: 10px">
            <div id="card_body" class="card__body main-frame">
                <div class="table-responsive">
                    <table id="list-car" class="table table-striped table--vmiddle"
                           style="font-family: 'Microsoft YaHei', sans-serif">
                        <thead>
                        <tr>
                            <th data-column-id="make" data-formatter="make">品牌</th>
                            <th data-column-id="model" data-formatter="model" data-sortable="false">型号</th>
                            <th data-column-id="year" data-formatter="year" data-sortable="false">款式</th>
                            <th data-column-id="front" data-formatter="front">主驾25%</th>
                            <th data-column-id="front_r" data-formatter="front_r" data-visible="false">副驾25%</th>
                            <th data-column-id="side" data-formatter="side">侧面碰撞</th>
                            <th data-column-id="top" data-formatter="top">车顶强度</th>
                            <th data-column-id="seat" data-formatter="seat">座椅头枕</th>
                            <th data-column-id="assist" data-formatter="assist">辅助安全</th>
                            <th data-column-id="XR" data-formatter="XR">行人保护</th>
                            <th data-column-id="fix" data-formatter="fix">维修经济</th>
                            <th data-column-id="price" data-formatter="price" data-type="numeric">价格</th>
                            <th data-visible="false">测试批次</th>
                            <th data-column-id="link" data-formatter="link" data-sortable="false">详情</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>北京奔驰</td><td>GLC260L</td><td>2020</td>
                            <td>00</td><td>T</td><td>00</td><!-- FR/FL/CM -->
                            <td>6.75</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>39.28</td><!-- Fix/Price -->
                            <td>19B</td><td>56</td>
                        </tr>
                        <tr>
                            <td>华晨宝马</td><td>325Li</td><td>2020</td><!-- Year -->
                            <td>00</td><td>T</td><td>00</td><!-- 17.5 -->
                            <td>6.11</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- XR -->
                            <td>D</td><td>34.69</td><!-- Fix/Price -->
                            <td>19B</td><td>48</td>
                        </tr>
                        <tr>
                            <td>华晨宝马</td><td>X3 25iM</td><td>2020</td>
                            <td>00</td><td>T</td><td>00</td><!-- FR/FL/CM:19.5 -->
                            <td>5.02</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>38.98</td><!-- Fix/Price -->
                            <td>20B</td><td>70</td>
                        </tr>
                        <tr>
                            <td>一汽丰田</td><td>卡罗拉</td><td>2019</td>
                            <td>00</td><td>T</td><td>00</td><!-- 16.5 -->
                            <td>6.04</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>11.98</td><!-- Fix/Price -->
                            <td>19B</td><td>53</td>
                        </tr>
                        <tr>
                            <td>一汽丰田</td><td>亚洲龙</td><td>2019</td>
                            <td>00</td><td>T</td><td>00</td><!-- 16.5 -->
                            <td>6.03</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>20.88</td><!-- Fix/Price -->
                            <td>19A</td><td>44</td>
                        </tr>
                        <tr>
                            <td>一汽丰田</td><td>奕泽</td><td>2018</td>
                            <td>00</td><td>T</td><td>00</td><!-- 31.5 -->
                            <td>5.75</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>B</td><td>15.88</td><!-- Fix/Price -->
                            <td>18B</td><td>26</td>
                        </tr>
                        <tr>
                            <td>广汽丰田</td><td>雷凌</td><td>2019</td>
                            <td>00</td><td>T</td><td>00</td><!-- 17.5 -->
                            <td>5.66</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>11.58</td><!-- Fix/Price -->
                            <td>19A</td><td>43</td>
                        </tr>
                        <tr>
                            <td>上汽荣威</td><td>RX5 MAX</td><td>2019</td>
                            <td>00</td><td>T</td><td>00</td><!-- 20.5 -->
                            <td>5.41</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>12.88</td><!-- Fix/Price -->
                            <td>19B</td><td>51</td>
                        </tr>
                        <tr>
                            <td>一汽大众奥迪</td><td>A6L</td><td>2019</td>
                            <td>00</td><td>T</td><td>00</td><!-- FR/FL/CM -->
                            <td>5.37</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>40.98</td><!-- Fix/Price -->
                            <td>19B</td><td>58</td>
                        </tr>
                        <tr>
                            <td>豪情沃尔沃</td><td>XC60</td><td>2019</td>
                            <td>00</td><td>T</td><td>00</td><!-- 26.0 -->
                            <td>5.06</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>39.19</td><!-- Fix/Price -->
                            <td>19A</td><td>40</td>
                        </tr>
                        <tr>
                            <td>蔚来</td><td>EC6</td><td>2020</td>
                            <td>00</td><td>T</td><td>00</td><!-- FR/FL/CM:19.5 -->
                            <td>4.74</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>B</td><td>36.8</td><!-- Fix/Price -->
                            <td></td><td>73</td>
                        </tr>
                        <tr>
                            <td>吉利领克</td><td>03</td><td>2019</td>
                            <td>00</td><td>T</td><td>02</td><!-- FR/FL/CM -->
                            <td>6.02</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>13.68</td><!-- Fix/Price -->
                            <td>20B</td><td>65</td>
                        </tr>
                        <tr>
                            <td>长安马自达</td><td>3</td><td>2020</td>
                            <td>00</td><td>T</td><td>02</td><!-- FR/FL/CM -->
                            <td>6.34</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>11.59</td><!-- Fix/Price -->
                            <td>19B</td><td>57</td>
                        </tr>
                        <tr>
                            <td>上汽大众</td><td>帕萨特</td><td>2020</td>
                            <td>00</td><td>T</td><td>02</td><!-- 23.0 -->
                            <td>5.83</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>B</td><td>18.59</td><!-- Fix/Price -->
                            <td>20B</td><td>67</td>
                        </tr>
                        <tr>
                            <td>一汽丰田</td><td>荣放</td><td>2020</td>
                            <td>00</td><td>T</td><td>02</td><!-- FR/FL/CM -->
                            <td>4.94</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>19.48</td><!-- Fix/Price -->
                            <td>20B</td><td>69</td>
                        </tr>
                        <tr>
                            <td>东风日产</td><td>天籁</td><td>2019</td>
                            <td>00</td><td>T</td><td>06</td><!-- 10.5 -->
                            <td>4.73</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>18.68</td><!-- Fix/Price -->
                            <td>19A</td><td>39</td>
                        </tr>
                        <tr>
                            <td>特斯拉</td><td>Model 3</td><td>2019</td>
                            <td>01</td><td>T</td><td>00</td><!-- FR/FL/CM -->
                            <td>5.97</td><!-- Top -->
                            <td>A</td><td>A</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>29.18</td><!-- Fix/Price -->
                            <td>20A</td><td>60</td>
                        </tr>
                        <tr>
                            <td>广汽丰田</td><td>凯美瑞</td><td>2018</td>
                            <td>02</td><td>T</td><td>00</td><!-- 15.5 -->
                            <td>5.98</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C*</td><td>17.98</td><!-- Fix/Price -->
                            <td>18A</td><td>15</td>
                        </tr>
                        <tr>
                            <td>吉利领克</td><td>01</td><td>2017</td>
                            <td>02</td><td>T</td><td>00</td><!-- 16.0 -->
                            <td>5.21</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C*</td><td>16.88</td><!-- Fix/Price -->
                            <td>18A</td><td>16</td>
                        </tr>
                        <tr>
                            <td>理想</td><td>ONE</td><td>2020</td>
                            <td>02</td><td>T</td><td>00</td><!-- FR/FL/CM -->
                            <td>4.66</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>32.81</td><!-- Fix/Price -->
                            <td>20B</td><td>72</td>
                        </tr>
                        <tr>
                            <td>长安</td><td>CS75Plus</td><td>2020</td>
                            <td>02</td><td>T</td><td>02</td><!-- 17.5 -->
                            <td>4.43</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>12.49</td><!-- Fix/Price -->
                            <td>19B</td><td>54</td>
                        </tr>
                        <tr>
                            <td>一汽大众奥迪</td><td>Q5L</td><td>2020</td>
                            <td>03</td><td>T</td><td>00</td><!-- FR/FL/CM -->
                            <td>5.41</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>38.78</td><!-- Fix/Price -->
                            <td>20A</td><td>68</td>
                        </tr>
                        <tr>
                            <td>长城哈弗</td><td>H6</td><td>2020</td>
                            <td>02</td><td>T</td><td>02</td><!-- FR/FL/CM:16.0 -->
                            <td>3.95</td><!-- Top -->
                            <td>A</td><td>-</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>11.11</td><!-- Fix/Price -->
                            <td>20A</td><td>63</td>
                        </tr>
                        <tr>
                            <td>比亚迪</td><td>唐</td><td>2018</td>
                            <td>02</td><td>T</td><td>08</td><!-- 21.5 -->
                            <td>4.04</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>13.99</td><!-- Fix/Price -->
                            <td>19A</td><td>41</td>
                        </tr>
                        <tr>
                            <td>东风启辰</td><td>星</td><td>2020</td>
                            <td>02</td><td>T</td><td>14</td><!-- FR/FL/CM -->
                            <td>5.36</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>10.96</td><!-- Fix/Price -->
                            <td>20B</td><td>74</td>
                        </tr>
                        <tr>
                            <td>长城魏派</td><td>VV5</td><td>2017</td>
                            <td>02</td><td>T</td><td>10</td><!-- 18.0 -->
                            <td>3.60</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D*</td><td>14.99</td><!-- Fix/Price -->
                            <td>18A</td><td>18</td>
                        </tr>
                        <tr>
                            <td>长安福特</td><td>福克斯</td><td>2019</td>
                            <td>05</td><td>T</td><td>04</td><!-- 21.0 -->
                            <td>5.61</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>B</td><td>12.08</td><!-- Fix/Price -->
                            <td>19A</td><td>42</td>
                        </tr>
                        <tr>
                            <td>上汽通用凯迪拉克</td><td>XT4</td><td>2018</td>
                            <td>06</td><td>T</td><td>00</td><!-- 18.5 -->
                            <td>4.59</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>25.97</td><!-- Fix/Price -->
                            <td>19A</td><td>33</td>
                        </tr>
                        <tr>
                            <td>广汽菲克Jeep</td><td>大指挥官</td><td>2018</td>
                            <td>08</td><td>T</td><td>00</td><!-- 16.0 -->
                            <td>4.52</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>28.98</td><!-- Fix/Price -->
                            <td>19B</td><td>50</td>
                        </tr>
                        <tr>
                            <td>上汽通用别克</td><td>君威</td><td>2019</td>
                            <td>08</td><td>T</td><td>06</td><!-- FR/FL/CM -->
                            <td>4.63</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>18.28</td><!-- Fix/Price -->
                            <td>20A</td><td>59</td>
                        </tr>
                        <tr>
                            <td>北京奔驰</td><td>C200</td><td>2018</td>
                            <td>06</td><td>T</td><td>10</td><!-- 20.0 -->
                            <td>6.06</td><!-- Top -->
                            <td>A</td><td>A</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>D*</td><td>31.28</td><!-- Fix/Price -->
                            <td>18A</td><td>20</td>
                        </tr>
                        <tr>
                            <td>广汽本田</td><td>雅阁</td><td>2018</td>
                            <td>06</td><td>T</td><td>14</td><!-- 14.5 -->
                            <td>4.15</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D*</td><td>17.98</td><!-- Fix/Price -->
                            <td>18A</td><td>8</td>
                        </tr>
                        <tr>
                            <td>上汽通用雪佛兰</td><td>科鲁泽</td><td>2019</td>
                            <td>04</td><td>T</td><td>14</td><!-- 11.5 -->
                            <td>4.36</td><!-- Top -->
                            <td>A</td><td>-</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>08.99</td><!-- Fix/Price -->
                            <td>19B</td><td>46</td>
                        </tr>
                        <tr>
                            <td>海马小鹏</td><td>G3</td><td>2020</td>
                            <td>08</td><!-- 2 --><td>T</td><td>08</td><!-- 17.5 -->
                            <td>4.45</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>15.98</td><!-- Fix/Price -->
                            <td>19B</td><td>52</td>
                        </tr>
                        <tr>
                            <td>广汽本田</td><td>皓影</td><td>2020</td>
                            <td>08</td><td>T</td><td>16</td><!-- 13.0 -->
                            <td>5.01</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>17.98</td><!-- Fix/Price -->
                            <td>20A</td><td>64</td>
                        </tr>
                        <tr>
                            <td>江淮</td><td>嘉悦A5</td><td>2021</td>
                            <td>10</td><td>T</td><td>16</td><!-- FR/FL/CM -->
                            <td>4.22</td><!-- Top -->
                            <td>A</td><td>A</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>9.18</td><!-- Fix/Price -->
                            <td>20B</td><td>71</td>
                        </tr>
                        <tr>
                            <td>众泰</td><td>T600</td><td>2019</td>
                            <td>08</td><!-- 4 --><td>T</td><td>00</td><!-- 14.0 -->
                            <td>3.79</td><!-- Top -->
                            <td>B</td><td>-</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>10.18</td><!-- Fix/Price -->
                            <td>18B</td><td>27</td>
                        </tr>
                        <tr>
                            <td>东风雷诺</td><td>科雷傲</td><td>2018</td>
                            <td>08</td><td>T</td><td>06</td><!-- 4.5 -->
                            <td>2.70</td><!-- Top -->
                            <td>A</td><td>D</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C*</td><td>17.98</td><!-- Fix/Price -->
                            <td>18A</td><td>7</td>
                        </tr>
                        <tr>
                            <td>广汽传祺</td><td>GS7</td><td>2017</td>
                            <td>09</td><!-- 1 --><td>T</td><td>08</td><!-- 14.5 -->
                            <td>3.75</td><!-- Top -->
                            <td>A</td><td>-</td><td>C</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>14.98</td><!-- Fix/Price -->
                            <td>18B</td><td>23</td>
                        </tr>
                        <tr>
                            <td>广汽三菱</td><td>欧蓝德</td><td>2019</td>
                            <td>04</td><td>T</td><td>12</td><!-- 9.0 -->
                            <td>2.89</td><!-- Top -->
                            <td>B</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>17.28</td><!-- Fix/Price -->
                            <td>19A</td><td>34</td>
                        </tr>
                        <tr>
                            <td>长城哈弗</td><td>F5</td><td>2019</td>
                            <td>04</td><td>T</td><td>32</td><!-- 17.5 -->
                            <td>4.51</td><!-- Top -->
                            <td>A</td><td>-</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>10.79</td><!-- Fix/Price -->
                            <td>19A</td><td>37</td>
                        </tr>
                        <tr>
                            <td>一汽马自达</td><td>阿特兹</td><td>2020</td>
                            <td>12</td><td>T</td><td>02</td><!-- 14.5 -->
                            <td>4.69</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>18.98</td><!-- Fix/Price -->
                            <td>20B</td><td>66</td>
                        </tr>
                        <tr>
                            <td>吉利</td><td>星越</td><td>2019</td>
                            <td>12</td><td>T</td><td>06</td><!-- 17.0 -->
                            <td>5.10</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>B</td><td>14.88</td><!-- Fix/Price -->
                            <td>19A</td><td>45</td>
                        </tr>
                        <tr>
                            <td>华晨宝马</td><td>318i</td><td>2018</td>
                            <td>14</td><!-- 4 --><td>T</td><td>02</td><!-- 18.5 -->
                            <td>4.89</td><!-- Top -->
                            <td>A</td><td>-</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D*</td><td>28.68</td><!-- Fix/Price -->
                            <td>18A</td><td>4</td>
                        </tr>
                        <tr>
                            <td>东风日产</td><td>西玛</td><td>2016</td>
                            <td>16</td><td>T</td><td>02</td><!-- 5.5 -->
                            <td>3.57</td><!-- Top -->
                            <td>A</td><td>B</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>C</td><td>24.98</td><!-- Fix/Price -->
                            <td>18B</td><td>31</td>
                        </tr>
                        <tr>
                            <td>上汽通用别克</td><td>昂科威</td><td>2018</td>
                            <td>12</td><td>T</td><td>10</td><!-- 13.0 -->
                            <td>4.36</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D*</td><td>21.99</td><!-- Fix/Price -->
                            <td>18A</td><td>9</td>
                        </tr>
                        <tr>
                            <td>一汽大众</td><td>迈腾</td><td>2018</td>
                            <td>12</td><td>T</td><td>10</td><!-- 12.0 -->
                            <td>5.12</td><!-- Top -->
                            <td>B</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>A*</td><td>18.99</td><!-- Fix/Price -->
                            <td>18A</td><td>14</td>
                        </tr>
                        <tr>
                            <td>广汽本田</td><td>凌派</td><td>2019</td>
                            <td>12</td><td>T</td><td>24</td><!-- 12.5 -->
                            <td>4.49</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>10.98</td><!-- Fix/Price -->
                            <td>19A</td><td>32</td>
                        </tr>
                        <tr>
                            <td>东风本田</td><td>INSPIRE</td><td>2019</td>
                            <td>12</td><td>T</td><td>26</td><!-- 11.0 -->
                            <td>4.16</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>18.28</td><!-- Fix/Price -->
                            <td>19B</td><td>55</td>
                        </tr>
                        <tr>
                            <td>北京现代</td><td>菲斯塔</td><td>2019</td>
                            <td>18</td><!-- 2 --><td>T</td><td>28</td><!-- 10.5 -->
                            <td>4.17</td><!-- Top -->
                            <td>A</td><td>A</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>12.98</td><!-- Fix/Price -->
                            <td>19A</td><td>36</td>
                        </tr>
                        <tr>
                            <td>北京现代</td><td>领动</td><td>2018</td>
                            <td>02</td><td>T</td><td>44</td><!-- 11.0 -->
                            <td>5.32</td><!-- Top -->
                            <td>A</td><td>A</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>12.48</td><!-- Fix/Price -->
                            <td>18B</td><td>22</td>
                        </tr>
                        <tr>
                            <td>上汽斯柯达</td><td>柯迪亚克</td><td>2018</td>
                            <td>09</td><!-- 1 --><td>T</td><td>34</td><!-- 11.5 -->
                            <td>4.55</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>A</td><td>18.98</td><!-- Fix/Price -->
                            <td>18B</td><td>25</td>
                        </tr>
                        <tr>
                            <td>东风本田</td><td>思域</td><td>2016</td>
                            <td>09</td><td>T</td><td>84</td><!-- 8.0 -->
                            <td>5.34</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D*</td><td>12.79</td><!-- Fix/Price -->
                            <td>18A</td><td>19</td>
                        </tr>
                        <tr>
                            <td>江淮</td><td>瑞风S3</td><td>2018</td>
                            <td>16</td><td>T</td><td>56</td><!-- 4.5 -->
                            <td>3.90</td><!-- Top -->
                            <td>A</td><td>-</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>8.38</td><!-- Fix/Price -->
                            <td>18B</td><td>28</td>
                        </tr>
                        <tr>
                            <td>北京汽车</td><td>绅宝D50</td><td>2018</td>
                            <td>17</td><td>T</td><td>38</td><!-- 6.0 -->
                            <td>3.31</td><!-- Top -->
                            <td>A</td><td>-</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>8.69</td><!-- Fix/Price -->
                            <td>19A</td><td>38</td>
                        </tr>
                        <tr>
                            <td>奇瑞</td><td>艾瑞泽5</td><td>2018</td>
                            <td>18</td><td>T</td><td>58</td><!-- 10.5 -->
                            <td>4.53</td><!-- Top -->
                            <td>A</td><td>-</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>7.09</td><!-- Fix/Price -->
                            <td>18B</td><td>21</td>
                        </tr>
                        <tr>
                            <td>上汽大众</td><td>途观L</td><td>2018</td>
                            <td>24</td><td>T</td><td>08</td><!-- 18.0 -->
                            <td>4.44</td><!-- Top -->
                            <td>A</td><td>A</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>B*</td><td>22.38</td><!-- Fix/Price -->
                            <td>18A</td><td>12</td>
                        </tr>
                        <tr>
                            <td>东风汽车</td><td>风神AX7</td><td>2019</td>
                            <td>23</td><td>T</td><td>08</td><!-- 15.0 -->
                            <td>3.42</td><!-- Top -->
                            <td>A</td><td>C</td><td>D</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>11.99</td><!-- Fix/Price -->
                            <td>19A</td><td>35</td>
                        </tr>
                        <tr>
                            <td>东风悦达起亚</td><td>智跑</td><td>2018</td>
                            <td>24</td><td>T</td><td>10</td><!-- 13.0 -->
                            <td>3.70</td><!-- Top -->
                            <td>A</td><td>-</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>13.99</td><!-- Fix/Price -->
                            <td>18B</td><td>24</td>
                        </tr>
                        <tr>
                            <td>一汽奔腾</td><td>T77</td><td>2019</td>
                            <td>24</td><td>T</td><td>30</td><!-- 23.5 -->
                            <td>5.74</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>11.08</td><!-- Fix/Price -->
                            <td>19B</td><td>47</td>
                        </tr>
                        <tr>
                            <td>上汽大众</td><td>帕萨特</td><td>2019</td>
                            <td>44</td><td>T</td><td>22</td><!-- 13.0 -->
                            <td>5.41</td><!-- Top -->
                            <td>A</td><td>A</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>B</td><td>18.49</td><!-- Fix/Price -->
                            <td>19B</td><td>49</td>
                        </tr>
                        <tr>
                            <td>上汽通用别克</td><td>GL8</td><td>2017</td>
                            <td>24</td><td>T</td><td>26</td><!-- 8.0 -->
                            <td>3.51</td><!-- Top -->
                            <td>A</td><td>A</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>28.99</td><!-- Fix/Price -->
                            <td>18B</td><td>29</td>
                        </tr>
                        <tr>
                            <td>上汽通用五菱</td><td>宝骏510</td><td>2017</td>
                            <td>22</td><td>T</td><td>80</td><!-- 2.5 -->
                            <td>2.86</td><!-- Top -->
                            <td>A</td><td>-</td><td>B</td><!-- Seat/Assist/XR -->
                            <td>D*</td><td>5.48</td><!-- Fix/Price -->
                            <td>18A</td><td>17</td>
                        </tr>
                        <tr>
                            <td>比亚迪</td><td>宋MAX</td><td>2018</td>
                            <td>24</td><td>T</td><td>60</td><!-- 1.0 -->
                            <td>3.85</td><!-- Top -->
                            <td>A</td><td>-</td><td>A</td><!-- Seat/Assist/XR -->
                            <td>D</td><td>9.99</td><!-- Fix/Price -->
                            <td>18B</td><td>30</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>

    <section style="position:relative;">
        <div class="card detail-frame score-detail" id="detailFront"></div>

        <div style="position:absolute;top:10px;right:45px">
            <label>
                <input type="checkbox" value="2" id="front" onclick="changeFront(this);"/>
                <span style="color: #BBBBBB;font-size: small;">假人伤害</span>
            </label>
        </div>
    </section>
    <section style="position:relative;">
        <div class="card detail-frame score-detail" id="detailSide"></div>
        <div style="position:absolute;top:10px;right:45px">
            <label>
                <input type="checkbox" value="2" id="side" onclick="changeSide(this);"/>
                <span style="color: #BBBBBB;font-size: small;">车辆结构</span>
            </label>
        </div>
    </section>
    <section style="position:relative;">
        <div class="card detail-frame score-detail" id="detailTop"></div>
        <div style="position:absolute;top:10px;right:45px">
            <label>
                <input type="checkbox" value="2" id="top" onclick="changeTop(this);"/>
                <span style="color: #BBBBBB;font-size: small;">峰值载荷</span>
            </label>
        </div>
    </section>
    <!--
    <section>
        <div class="card detail-frame score-detail" id="detailRoadUser"></div>
    </section>
    -->

    <section>
        <div class="card">
            <div class="card__body detail-frame" style="margin-left: 10px">
                <h3 style="font-weight: bold;">即将测试车型</h3><br>
                <div class="table-responsive">
                    <!-- id="data-table-basic,data-table-selection,data-table-command" -->
                    <table id="list-car-todo" class="table table-striped table--vmiddle"
                           style="font-family: 'Microsoft YaHei', sans-serif">
                        <thead>
                        <tr>
                            <!-- data-type="numeric"-->
                            <th data-column-id="make" data-formatter="make">厂商</th>
                            <th data-column-id="model" data-formatter="model">型号</th>
                            <th data-column-id="year" data-formatter="year">款式</th>
                            <th data-visible="false">正面主驾</th>
                            <th data-visible="false">正面副驾</th>
                            <th data-visible="false">侧面碰撞</th>
                            <th data-visible="false">车顶强度</th>
                            <th data-visible="false">座椅头枕</th>
                            <th data-visible="false">辅助安全</th>
                            <th data-visible="false">行人保护</th>
                            <th data-visible="false">维修经济</th>
                            <th data-visible="false">价格</th>
                            <th data-column-id="time" data-formatter="time">测试批次</th>
                            <th data-visible="false">图片</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>北京奔驰</td><td>A级</td><td></td>
                            <td>T</td><td>T</td><td>T</td><!-- FR/FL/CM -->
                            <td>T</td><!-- Top -->
                            <td>T</td><td>T</td><td>T</td><!-- Seat/Assist/XR -->
                            <td>T</td><td></td><!-- Fix/Price -->
                            <td>20B</td><td></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="card card__body " style="text-align: center">
            <span style="font-size: large;font-weight: bold">
                <a href="rule/" target="_blank"><i class="zmdi zmdi-chart"></i> 评分标准与排行规则 </a></span>
        </div>
        <div align='center' class='watermark'>
            <span class='line-left'></span>
            <a href="reward/" target="_blank"> 打赏 </a>
            <span class='line-right'></span>
        </div>
    </section>
    <br><br>
    <div style="text-align: center">
        <!--<span id='busuanzi_container_site_pv'>访问: <span id='busuanzi_value_site_pv'></span></span>-->
        <span style="color: #777777">
            <i class="zmdi zmdi-share"></i>
            <!--&copy;<span id='footer-copyright'></span>-->转载注明出处
        </span>
    </div>
    <br>
    <div id="image-frame"></div>
    <div class="ripple-btn animated">
        <div class="icon"><i class="zmdi zmdi-thumb-up" style="font-size: 15px;"></i></div>
        <!-- <img class="image" src="resource/img/logo/1.jpg"> -->
        <div class="livechat-hint rd-notice-tooltip rd-notice-type-success rd-notice-position-left single-line hide_hint">
          <div class="rd-notice-content">支持作者</div>
        </div>
        <div class="animated-circles">
          <div class="circle c-1"></div>
          <div class="circle c-2"></div>
          <div class="circle c-3"></div>
        </div>
    </div>
      
</section>

<script src="vendors/bower_components/jquery/dist/jquery.min.js"></script><!-- jQuery -->
<script type="text/javascript" src="resource/js/zms.goup.js"></script><!-- Go Up -->
<script src="vendors/bower_components/bootstrap/dist/js/bootstrap.min.js"></script><!-- Bootstrap -->
<script src="vendors/bower_components/jquery.bootgrid/dist/jquery.bootgrid.min.js"></script><!-- Bootgrid -->

<!-- Placeholder for IE9 -->
<!--[if IE 9 ]>
<script src="vendors/bower_components/jquery-placeholder/jquery.placeholder.min.js"></script>
<![endif]-->

<script src="resource/js/data-table.js"></script>
<script src="resource/js/app.min.js"></script>
<script>
(function($) {
	setInterval(function(){
		if($(".animated-circles").hasClass("animated")){
			$(".animated-circles").removeClass("animated");
		}else{
			$(".animated-circles").addClass('animated');
		}
	},3000);
	var wait = setInterval(function(){
		$(".livechat-hint").removeClass("show_hint").addClass("hide_hint");
		clearInterval(wait);
	},4500);
	$(".ripple-btn").hover(function(){
		clearInterval(wait);
		$(".livechat-hint").removeClass("hide_hint").addClass("show_hint");
	},function(){
		$(".livechat-hint").removeClass("show_hint").addClass("hide_hint");
	}).click(function(){
        window.location.href = 'reward/';
	});
})(jQuery);
</script>
<script>
    function getCarSafeDescriptionByWord(word) {
        let SNO = true; // SHOW_NON_OFFICIAL
        switch (word) {
            case 'A':
                return "<span class=\"grade green-bg\">G 优秀</span>";
            case 'A*':
                return SNO ? "<span class=\"grade green-bg not-official\">G 优秀</span>" : "<span class=\"grade grey-bg\"></span>";
            case 'B': // Adequate
                return "<span class=\"grade yellow-bg\">A 良好</span>";
            case 'B*':
                return SNO ? "<span class=\"grade yellow-bg not-official\">A 良好</span>" : "<span class=\"grade grey-bg\"></span>";
            case 'C': // Marginal
                return "<span class=\"grade orange-bg\">M 一般</span>";
            case 'C*':
                return SNO ? "<span class=\"grade orange-bg not-official\">M 一般</span>" : "<span class=\"grade grey-bg\"></span>";
            case 'D': // Poor
                return "<span class=\"grade red-bg\">P 较差</span>";
            case 'D*':
                return SNO ? "<span class=\"grade red-bg not-official\">P 较差</span>" : "<span class=\"grade grey-bg\"></span>";
            case '-': // None
                return "<span class=\"grade grey-bg\">未配置</span>";
            case 'T': // T0D0
                return "<span class=\"grade grey-bg\">...</span>";
            default:
                return "<span class=\"grade grey-bg\">" + word + "</span>";
        }
    }

    function getTopDescription(top) {
        if (top >= 4.0) return getCarSafeDescriptionByWord('A');
        else if (top >= 3.25) return getCarSafeDescriptionByWord('B');
        else if (top >= 2.50) return getCarSafeDescriptionByWord('C');
        else return getCarSafeDescriptionByWord('D');
    }

    function getFrontDescription(front) {
        if (front < 4) return getCarSafeDescriptionByWord('A');
        else if (front < 10) return getCarSafeDescriptionByWord('B');
        else if (front < 20) return getCarSafeDescriptionByWord('C');
        else return getCarSafeDescriptionByWord('D');
    }

    function getSideDescription(side) {
        if (side < 7) return getCarSafeDescriptionByWord('A');
        else if (side < 21) return getCarSafeDescriptionByWord('B');
        else if (side < 33) return getCarSafeDescriptionByWord('C');
        else return getCarSafeDescriptionByWord('D');
    }

    function getVideoLinkById(id, model) {
        let url = "";
        let prefix = "https://www.bilibili.com/video/";
        let target = "_self";
        switch (id) {
            // ***** ***** ***** 2018A ***** ***** *****
            case '4':   url = prefix + "BV1hA411b7a6"; break; // 宝马318i 2018款
            case '7':   url = prefix + "BV11e411W7ut"; break; // 诺科雷傲 2018款
            case '8':   url = prefix + "BV1bK4y1k75B"; break; // 本田雅阁 2018款
            case '9':   url = prefix + "BV19e411W75h"; break; // 别克昂科威 2018款
            case '12':  url = prefix + "BV1Ve411s7vZ"; break; // 大众途观L 2018款
            case '14':  url = prefix + "BV1mp4y1X7Wh"; break; // 大众迈腾 2018款
            case '15':  url = prefix + "BV1mg4y1z7eu"; break; // 丰田凯美瑞
            case '16':  url = prefix + "BV1FQ4y1N7hn"; break; // 领克01
            case '17':  url = prefix + "BV1v54y1Q7Qq"; break; // 宝骏510
            case '18':  url = prefix + "BV11a4y1v72g"; break; // WEY VV5
            case '19':  url = prefix + "BV1yf4y1S7Cr"; break; // 本田思域 2016款
            case '20':  url = prefix + "BV18k4y1r7Vr"; break; // 奔驰C200 2018款
            // ***** ***** ***** 2018B ***** ***** *****
            case '21':  url = prefix + "BV13K4y1t7KY"; break; // 奇瑞艾瑞泽5 2018款
            case '22':  url = prefix + "BV1oz411q7GX"; break; // 现代领动 2018款
            case '23':  url = prefix + "BV1tk4y167Gb"; break; // 传祺GS7
            case '24':  url = prefix + "BV1WZ4y1p7BG"; break; // 起亚智跑
            case '25':  url = prefix + "BV18f4y1U7VB"; break; // 斯柯达柯迪亚克 2018款
            case '26':  url = prefix + "BV1qk4y1k7cP"; break; // 丰田奕泽
            case '27':  url = prefix + "BV1Dg4y1B7u2"; break; // 众泰T600
            case '28':  url = prefix + "BV1VZ4y1W7JG"; break; // 江淮瑞丰S3 2018款
            case '29':  url = prefix + "BV1kA411q7E5"; break; // 别克GL8 2017款
            case '30':  url = prefix + "BV1rD4y1D7XX"; break; // 比亚迪宋MAX
            case '31':  url = "#"; break; // 日产西玛
            // ***** ***** ***** 2019A ***** ***** *****
            case '32':  url = prefix + "BV1e7411q7jn"; break; // 本田凌派 2019款
            case '33':  url = prefix + "BV12J411n7BC"; break; // 凯迪拉克XT4
            case '34':  url = prefix + "BV17J411V7uy"; break; // 三菱欧蓝德 2019款
            case '35':  url = prefix + "BV18J411G7Bp"; break; // 东风风神AX7 2019款
            case '36':  url = prefix + "BV15J41157qC"; break; // 现代菲斯塔 2019款
            case '37':  url = prefix + "BV1vJ411j7q2"; break; // 哈弗F5
            case '38':  url = prefix + "BV1jJ411L7n5"; break; // 北汽绅宝D50
            case '39':  url = prefix + "BV1pJ41187P9"; break; // 日产天籁 2019款
            case '40':  url = prefix + "BV1PJ411h7ob"; break; // 沃尔沃XC60
            case '41':  url = prefix + "BV1GJ411Y7cB"; break; // 比亚迪唐
            case '42':  url = prefix + "BV1uJ411e7Z5"; break; // 福特福克斯
            case '43':  url = prefix + "BV1rJ411Y7di"; break; // 丰田雷凌 2019款
            case '44':  url = prefix + "BV1eJ411Y7xS"; break; // 丰田亚洲龙
            case '45':  url = prefix + "BV1KJ411s7h7"; break; // 吉利星越 2019款
            // ***** ***** ***** 2019B ***** ***** *****
            case '46':  url = prefix + "BV13J411W727"; break; // 雪佛兰科鲁泽
            case '47':  url = prefix + "BV1GJ411W73G"; break; // 奔腾T77
            case '48':  url = prefix + "BV1GJ411W7gQ"; break; // 宝马325Li M 2020款
            case '49':  url = prefix + "BV1QJ411p7b9"; break; // 大众帕萨特 2019款
            case '50':  url = prefix + "BV1jJ411h72s"; break; // Jeep 大指挥官 2018款
            case '51':  url = prefix + "BV1yJ41157vb"; break; // 荣威RX5 MAX
            case '52':  url = prefix + "BV1KJ411J7uc"; break; // 小鹏G3
            case '53':  url = prefix + "BV1C7411v7tC"; break; // 丰田卡罗拉
            case '54':  url = prefix + "BV1d741177So"; break; // 长安CS75Plus
            case '55':  url = prefix + "BV1uE411475i"; break; // 本田INSPIRE
            case '56':  url = prefix + "BV1WE411G7fz"; break; // 奔驰GLC260L
            case '57':  url = prefix + "BV1a7411d7Bd"; break; // 马自达3
            case '58':  url = prefix + "BV1sQ4y1K79T"; break; // 奥迪A6L
            // ***** ***** ***** 2020A ***** ***** *****
            case '59':  url = prefix + "BV1bK411p7Jm"; break; // 别克君威 
            case '60':  url = prefix + "BV17v41167oo"; break; // 特斯拉Model 3 [Official]
            case '63':  url = "#"; break; // 哈弗H6
            // ***** ***** ***** 2020B ***** ***** *****
            case '64':  url = "#"; break; // 本田皓影
            case '65':  url = "#"; break; // 领克03
            case '66':  url = "#"; break; // 马自达阿特兹
            case '67':  url = "#"; break; // 大众帕萨特2020
            case '68':  url = "#"; break; // 奥迪Q5L
            case '69':  url = "#"; break; // 丰田荣放
            case '70':  url = "#"; break; // 宝马X3 25iM
            case '71':  url = "#"; break; // 江淮嘉悦A5
            case '72':  url = "#"; break; // 理想ONE
            case '73':  url = "#"; break; // 蔚来EC6
            case '74':  url = "#"; break; // 启辰星
            default:    url = "#"; break;
        }
        if (url.indexOf("#") >= 0) {
            return "<i title='暂无' class='btn-detail-link zmdi zmdi-videocam-off no-video'></i>"
        } else {
            return "<a target='_blank' title='" + model
                + "视频' href='" + url + "'>"
                + "<i class='btn-detail-link zmdi zmdi-tv-alt-play'></i>"
                + "</a>";
        }
    }

    function getExplorer() {
        let explorer = window.navigator.userAgent,
            compare = function (s) {
                return (explorer.indexOf(s) >= 0);
            },
            ie11 = (function () {
                return ("ActiveXObject" in window)
            })();
        if (compare("MSIE") || ie11) return 'ie';
        else if (compare("Firefox") && !ie11) return 'Firefox';
        else if (compare("Chrome") && !ie11) {
            if (explorer.indexOf("Edge") > -1) return 'Edge';
            else return 'Chrome';
        } else if (compare("Opera") && !ie11) return 'Opera';
        else if (compare("Safari") && !ie11) return 'Safari';
    }

    $("#list-car").bootgrid({
        rowCount: -1, // AZ: -1 mains show all
        css: {
            icon: 'table-bootgrid__icon zmdi', iconSearch: 'zmdi-search', iconColumns: 'zmdi-view-column',
            iconDown: 'zmdi-sort-amount-desc', iconRefresh: 'zmdi-refresh', iconUp: 'zmdi-sort-amount-asc',
            dropDownMenu: 'dropdown form-group--select', search: 'table-bootgrid__search',
            actions: 'table-bootgrid__actions', header: 'table-bootgrid__header', footer: 'table-bootgrid__footer',
            dropDownItem: 'table-bootgrid__label', table: 'table table-bootgrid',
            pagination: 'pagination table-bootgrid__pagination'
        },
        templates: {
            actionDropDown: "<span class=\"{{css.dropDownMenu}}\">" + "<a href='' data-toggle=\"dropdown\">{{ctx.content}}</a><ul class=\"{{css.dropDownMenuItems}}\" role=\"menu\"></ul></span>",
            search: "<div class=\"{{css.search}} form-group\"><span class=\"{{css.icon}} {{css.iconSearch}}\"></span><input type=\"text\" class=\"{{css.searchField}}\" placeholder=\"{{lbl.search}}\" /><i class='form-group__bar'></i></div>",
            header: "<div id='{{ctx.id}}' class='main-header'  >" +
                "<br>" +
                "<span class='main-title' >中保研碰撞测试汇总</span>" +
                "<p class='{{css.search}}'></p>" +
                "<span class='update-date'><i class='zmdi zmdi-time' ></i> 2021.01.21</span>" +
                "<span id='btnSaveImage' class='btn-save-image' title='保存图片'><i class='zmdi zmdi-download'></i></span>" +
                //"<p class=\"{{css.actions}}\"></p>" +
                //"<br>" +
                "</div>",
            actionDropDownCheckboxItem: "<li><div class='tabe-bootgrid__checkbox checkbox checkbox--dark'><label class=\"{{css.dropDownItem}}\"><input name=\"{{ctx.name}}\" type=\"checkbox\" value=\"1\" class=\"{{css.dropDownItemCheckbox}}\" {{ctx.checked}} /> {{ctx.label}}<i class='input-helper'></i></label></div></li>",
            footer: "<div id='watermark' align='center' class='watermark' style='display: none'>" +
                "<span class='line-left'></span>" +
                "<span class='text'>zhongbaoyan.gitee.io</span>" +
                "<span class='line-right'></span>" +
                "</div>"
        },
        formatters: {
            "model":    function (column, row) { return "<span class='car-model'>" + row.model + "</span>"; },
            "year":     function (column, row) { return "<span class='car-year'>" + row.year + "</span>"; },
            "front":    function (column, row) { return "<a title='正面主驾'>" + getFrontDescription(row.front) + "</a>"; },
            "front_r":  function (column, row) { return "<a title='正面副驾'>" + getFrontDescription(row.front_r) + "</a>"; },
            "side":     function (column, row) { return "<a title='侧面碰撞'>" + getSideDescription(row.side) + "</a>"; },
            "top":      function (column, row) { return "<a title='车顶强度'>" + getTopDescription(row.top) + "</a>"; },
            "seat":     function (column, row) { return "<a title='座椅头枕'>" + getCarSafeDescriptionByWord(row.seat) + "</a>"; },
            "assist":   function (column, row) { return "<a title='辅助安全'>" + getCarSafeDescriptionByWord(row.assist) + "</a>"; },
            "XR":       function (column, row) { return "<a title='行人保护'>" + getCarSafeDescriptionByWord(row.XR) + "</a>"; },
            "fix":      function (column, row) { return "<a title='维修经济'>" + getCarSafeDescriptionByWord(row.fix) + "</a>"; },
            "price":    function (column, row) { return "<span class='car-price' title='万元'>" + row.price + "</span>"; },
            "make":     function (column, row) { return getLogoByMake(row.make + row.model, 0, 0) + "<span class='car-make'>" + row.make + "</span>"; },
            "link":     function (column, row) {
                if (row.link) {
                    return "<a target='_blank' title='" + row.model
                        + "官网' href='http://ciasi.org.cn/home/safety/pageone/id/" + row.link + ".html'>"
                        + "<i class='btn-detail-link zmdi zmdi-open-in-new'></i>"
                        + "</a>"
                        + "<span class='line-vertical'>|</span>"
                        + "<a title='" + row.model + "图片' id='btn" + row.link + "' class='btn-view-image'>"
                        + "<i class='btn-detail-link zmdi zmdi-image-o'></i>"
                        + "</a>"
                        + "<span class='line-vertical'>|</span>"
                        + getVideoLinkById(row.link, row.model);
                } else return "<i class='btn-detail-nolink zmdi zmdi-more'></i>";
            }
        }
    });

    $("#list-car-todo").bootgrid({
        rowCount: -1, // AZ: -1 mains show all
        css: {
            icon: 'table-bootgrid__icon zmdi', iconSearch: 'zmdi-search', iconColumns: 'zmdi-view-column',
            iconDown: 'zmdi-sort-amount-desc', iconRefresh: 'zmdi-refresh', iconUp: 'zmdi-sort-amount-asc',
            dropDownMenu: 'dropdown form-group--select', search: 'table-bootgrid__search',
            actions: 'table-bootgrid__actions', header: 'table-bootgrid__header', footer: 'table-bootgrid__footer',
            dropDownItem: 'table-bootgrid__label', table: 'table table-bootgrid',
            pagination: 'pagination table-bootgrid__pagination'
        },
        templates: {
            actionDropDown: "<span class=\"{{css.dropDownMenu}}\">" + "<a href='' data-toggle=\"dropdown\">{{ctx.content}}</a><ul class=\"{{css.dropDownMenuItems}}\" role=\"menu\"></ul></span>",
            search: "", header: "",
            actionDropDownCheckboxItem: "<li><div class='tabe-bootgrid__checkbox checkbox checkbox--dark'><label class=\"{{css.dropDownItem}}\"><input name=\"{{ctx.name}}\" type=\"checkbox\" value=\"1\" class=\"{{css.dropDownItemCheckbox}}\" {{ctx.checked}} /> {{ctx.label}}<i class='input-helper'></i></label></div></li>",
            footer: ""
        },
        formatters: {
            "make":     function (column, row) { return getLogoByMake(row.make, 0, 1) + "<span class='car-make'>" + row.make + "</span>"/* + getCountryByMake(row.make) */; },
            "model":    function (column, row) { return "<span class='car-model'>" + row.model + "</span>"; },
            "year":     function (column, row) { return "<span class='car-year'>" + row.year + "</span>"; },
            "time":     function (column, row) { return "20" + row.time.replace('A', ' 第一批').replace('B', ' 第二批'); }
        }
    });
</script>
<!-- Light Gallery -->
<script src="vendors/bower_components/lightgallery/dist/js/lightgallery.min.js"></script>
<script src="vendors/bower_components/lightgallery/demo/js/lg-fullscreen.min.js"></script>
<script src="vendors/bower_components/lightgallery/demo/js/lg-thumbnail.min.js"></script>
<script src="vendors/bower_components/lightgallery/demo/js/lg-zoom.min.js"></script>
<script src="vendors/bower_components/lightgallery/demo/js/lg-video.min.js"></script>

<script src="js/echarts.min.graphic.js"></script>
<!--<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>-->
<script>
    function initDataFront() {
        let legendData = ['正面主驾25%偏置'];
        let arrayCar = [];
        let seriesValue = [];
        let arrayScore = [];

        function addData(car, score) {
            arrayCar.push(car);
            arrayScore.push(score);
        }

        addData('大众帕萨特2019', 44);
        addData('大众途观L', 24);
        addData('比亚迪宋MAX', 24);
        addData('别克GL8', 24);
        addData('起亚智跑', 24);
        addData('奔腾T77', 24);
        addData('东风AX7', 23);
        addData('宝骏510', 22);
        addData('奇瑞艾瑞泽5', 18);
        addData('现代菲斯塔', 18);
        addData('绅宝D50', 17);
        addData('江淮瑞风S3', 16);
        addData('日产西玛', 16);
        addData('宝马318i', 14);
        addData('大众迈腾', 12);
        addData('本田凌派', 12);
        addData('别克昂科威', 12);
        addData('吉利星越', 12);
        addData('马自达阿特兹', 12);
        addData('本田INSPIRE', 12);
        addData('江淮嘉悦A5', 10);
        addData('斯柯达柯迪亚克', 9);
        addData('本田思域', 9);
        addData('传祺GS7', 9);
        addData('本田皓影', 8);
        addData('众泰T600', 8);
        addData('雷诺科雷傲', 8);
        addData('别克君威', 8);
        addData('吉普大指挥官', 8);
        addData('小鹏G3', 8);
        addData('本田雅阁', 6);
        addData('凯迪拉克XT4', 6);
        addData('奔驰C200', 6);
        addData('福特福克斯', 5);
        addData('哈弗F5', 4);
        addData('三菱欧蓝德', 4);
        addData('雪佛兰科鲁泽', 4);
        addData('奥迪Q5L', 3);
        addData('现代领动', 2);
        addData('哈弗H6', 2);
        addData('魏派VV5', 2);
        addData('启辰星', 2);
        addData('比亚迪唐', 2);
        addData('长安CS75Plus', 2);
        addData('理想ONE', 2);
        addData('领克01', 2);
        addData('丰田凯美瑞', 2);
        addData('特斯拉Model 3', 1);
        addData('丰田荣放', 0);
        addData('领克03', 0);
        addData('日产天籁', 0);
        addData('大众帕萨特2020', 0);
        addData('马自达3', 0);
        addData('蔚来EC6', 0);
        addData('沃尔沃XC60', 0);
        addData('奥迪A6L', 0);
        addData('荣威RX5 MAX', 0);
        addData('丰田雷凌', 0);
        addData('丰田奕泽', 0);
        addData('丰田亚洲龙', 0);
        addData('丰田卡罗拉', 0);
        addData('宝马X3 25iM', 0);
        addData('宝马325Li', 0);
        addData('奔驰GLC260L', 0);
        for (let i = 0; i < legendData.length; i++) {
            let seriesDataVal = null;
            seriesDataVal = {
                barWidth: 10, type: 'bar',
                itemStyle: {
                    normal: {
                        show: true, barBorderRadius: [10, 10, 10, 10],//柱形图圆角，初始化效果
                        color: function (params) {
                            if (params.value < 4) return "#4CAF50";
                            else if (params.value < 10) return "#FFEB3B";
                            else if (params.value < 20) return "#FF9800";
                            else return "#f44336";
                        }
                    }
                }, label: {normal: {show: true, position: 'right'}}, data: arrayScore
            };
            seriesValue.push(seriesDataVal);
        }
        buildChart('detailFront', "正面主驾25%偏置碰撞", "（分数越低越好）", legendData, arrayCar, seriesValue);
    }

    function initDataFrontPeopleHarm() {
        let legendData = ['正面主驾25%偏置 - 假人伤害'];
        let arrayCar = [];
        let seriesValue = [];
        let arrayScore = [];

        function addData(car, score) {
            arrayCar.push(car);
            arrayScore.push(score);
        }

        addData('大众帕萨特2019', 24);
        addData('大众途观L', 14);
        addData('东风AX7', 7);
        addData('宝骏510', 6);
        addData('比亚迪宋MAX', 4);
        addData('别克GL8', 4);
        addData('起亚智跑', 4);
        addData('奔腾T77', 4);
        addData('江淮瑞风S3', 4);
        addData('宝马318i', 4);
        addData('众泰T600', 4);
        addData('奔驰C200', 4);
        addData('江淮嘉悦A5', 2);
        addData('奇瑞艾瑞泽5', 2);
        addData('现代菲斯塔', 2);
        addData('小鹏G3', 2);
        addData('绅宝D50', 1);
        addData('斯柯达柯迪亚克', 1);
        addData('本田思域', 1);
        addData('传祺GS7', 1);
        addData('奥迪Q5L', 1);
        addData('福特福克斯', 1);
        addData('特斯拉Model 3', 1);
        addData('日产西玛', 0);
        addData('大众迈腾', 0);
        addData('本田凌派', 0);
        addData('别克昂科威', 0);
        addData('吉利星越', 0);
        addData('马自达阿特兹', 0);
        addData('本田皓影', 0);
        addData('本田INSPIRE', 0);
        addData('雷诺科雷傲', 0);
        addData('哈弗F5', 0);
        addData('三菱欧蓝德', 0);
        addData('现代领动', 0);
        addData('雪佛兰科鲁泽', 0);
        addData('本田雅阁', 0);
        addData('别克君威', 0);
        addData('吉普大指挥官', 0);
        addData('凯迪拉克XT4', 0);
        addData('哈弗H6', 0);
        addData('魏派VV5', 0);
        addData('启辰星', 0);
        addData('比亚迪唐', 0);
        addData('长安CS75Plus', 0);
        addData('理想ONE', 0);
        addData('领克01', 0);
        addData('丰田凯美瑞', 0);
        addData('日产天籁', 0);
        addData('领克03', 0);
        addData('丰田荣放', 0);
        addData('大众帕萨特2020', 0);
        addData('马自达3', 0);
        addData('蔚来EC6', 0);
        addData('沃尔沃XC60', 0);
        addData('奥迪A6L', 0);
        addData('荣威RX5 MAX', 0);
        addData('丰田雷凌', 0);
        addData('丰田奕泽', 0);
        addData('丰田亚洲龙', 0);
        addData('丰田卡罗拉', 0);
        addData('宝马X3 25iM', 0);
        addData('宝马325Li', 0);
        addData('奔驰GLC260L', 0);
        for (let i = 0; i < legendData.length; i++) {
            let seriesDataVal = null;
            seriesDataVal = {
                barWidth: 10, type: 'bar',
                itemStyle: {
                    normal: {
                        show: true, barBorderRadius: [10, 10, 10, 10],//柱形图圆角，初始化效果
                        color: function (params) {
                            if (params.value < 1) return "#4CAF50";
                            else if (params.value < 3) return "#FFEB3B";
                            else if (params.value < 5) return "#FF9800";
                            else return "#f44336";
                        }
                    }
                }, label: {normal: {show: true, position: 'right'}}, data: arrayScore
            };
            seriesValue.push(seriesDataVal);
        }
        buildChart('detailFront', "正面主驾25%偏置碰撞 - 假人伤害", "（伤害越低越好）", legendData, arrayCar, seriesValue);
    }

    function initDataSide() {
        let legendData = ['侧面碰撞'];
        let arrayCar = [];
        let seriesValue = [];
        let arrayScore = [];

        function addData(car, score) {
            arrayCar.push(car);
            arrayScore.push(score);
        }

        addData('本田思域', 84); // 8.0
        addData('宝骏510', 80); // 2.5
        addData('比亚迪宋MAX', 60); // 1.0
        addData('奇瑞艾瑞泽5', 58); // 10.5
        addData('江淮瑞风S3', 56); // 4.5
        addData('现代领动', 44); // 11.0
        addData('绅宝D50', 38); // 6.0
        addData('斯柯达柯迪亚克', 34); // 11.5
        addData('哈弗F5', 32); // 17.5
        addData('奔腾T77', 30); // 23.5
        addData('现代菲斯塔', 28); // 10.5
        addData('别克GL8', 26); // 8.0
        addData('本田INSPIRE', 26); // 11.0
        addData('本田凌派', 24); // 12.5
        addData('大众帕萨特2019', 22); // 13.0
        addData('本田皓影', 16); // 13.0
        addData('江淮嘉悦A5', 16); // 13.5
        addData('雪佛兰科鲁泽', 14); // 11.5
        addData('本田雅阁', 14); // 14.5
        addData('启辰星', 14); // 16.5
        addData('三菱欧蓝德', 12); // 9.0
        addData('大众迈腾', 10); // 12.0
        addData('起亚智跑', 10); // 13.0
        addData('别克昂科威', 10); // 13.0
        addData('魏派VV5', 10); // 18.0
        addData('奔驰C200', 10); // 20.0
        addData('传祺GS7', 8); // 14.5
        addData('东风AX7', 8);// 15.0
        addData('小鹏G3', 8); // 17.5
        addData('大众途观L', 8); // 18.0
        addData('比亚迪唐', 8); // 21.5
        addData('雷诺科雷傲', 6); //  4.5
        addData('别克君威', 6);  // 7.5
        addData('日产天籁', 6); // 10.5
        addData('吉利星越', 6); // 17.0
        addData('福特福克斯', 4); // 21.0
        addData('日产西玛', 2); //  5.5
        addData('马自达阿特兹', 2); // 14.5
        addData('哈弗H6', 2); // 16.0
        addData('长安CS75Plus', 2); // 17.5
        addData('宝马318i', 2); // 18.5
        addData('领克03', 2); // 20.0
        addData('马自达3', 2); // 20.5
        addData('丰田荣放', 2); // 22.0
        addData('大众帕萨特2020', 2); // 23.0
        addData('众泰T600', 0); // 14.0
        addData('丰田凯美瑞', 0); // 15.5
        addData('吉普大指挥官', 0);  // 16.0
        addData('领克01', 0); // 16.0
        addData('奥迪A6L', 0); // 16.5
        addData('丰田卡罗拉', 0); // 16.5
        addData('丰田亚洲龙', 0); // 16.5
        addData('宝马325Li', 0); // 17.5
        addData('丰田雷凌', 0); // 17.5
        addData('凯迪拉克XT4', 0); // 18.5
        addData('蔚来EC6', 0); // 19.5
        addData('宝马X3 25iM', 0); // 19.5
        addData('荣威RX5 MAX', 0); // 20.5
        addData('奥迪Q5L', 0); // 21.0
        addData('特斯拉Model 3', 0);  // 22.5
        addData('奔驰GLC260L', 0); // 23.0
        addData('理想ONE', 0); // 25.5
        addData('沃尔沃XC60', 0); // 26.0
        addData('丰田奕泽', 0); // 31.5
        for (let i = 0; i < legendData.length; i++) {
            let seriesDataVal = null;
            seriesDataVal = {
                barWidth: 10, type: 'bar',
                itemStyle: {
                    normal: {
                        show: true, barBorderRadius: [10, 10, 10, 10],//柱形图圆角，初始化效果
                        color: function (params) {
                            if (params.value < 7) return "#4CAF50";
                            else if (params.value < 21) return "#FFEB3B";
                            else if (params.value < 33) return "#FF9800";
                            else return "#f44336";
                        }
                    }
                }, label: {normal: {show: true, position: 'right'}}, data: arrayScore
            };
            seriesValue.push(seriesDataVal);
        }
        buildChart('detailSide', "侧面碰撞", "（分数越低越好）", legendData, arrayCar, seriesValue);
    }

    function initDataSideLength() {
        let legendData = ['侧面碰撞 - B柱与座椅中线距离'];
        let arrayCar = [];
        let seriesValue = [];
        let arrayScore = [];

        function addData(car, score) {
            arrayCar.push(car);
            arrayScore.push(score);
        }

        addData('比亚迪宋MAX', 1.0);
        addData('宝骏510', 2.5);
        addData('江淮瑞风S3', 4.5);
        addData('雷诺科雷傲', 4.5);
        addData('日产西玛', 5.5);
        addData('绅宝D50', 6.0);
        addData('别克君威', 7.5);
        addData('本田思域', 8.0);
        addData('别克GL8', 8.0);
        addData('三菱欧蓝德', 9.0);
        addData('奇瑞艾瑞泽5', 10.5);
        addData('现代菲斯塔', 10.5);
        addData('日产天籁', 10.5);
        addData('现代领动', 11.0);
        addData('本田INSPIRE', 11.0);
        addData('斯柯达柯迪亚克', 11.5);
        addData('雪佛兰科鲁泽', 11.5);
        addData('大众迈腾', 12.0);
        addData('本田凌派', 12.5);
        addData('本田皓影', 13.0);
        addData('大众帕萨特2019', 13.0);
        addData('起亚智跑', 13.0);
        addData('别克昂科威', 13.0);
        addData('江淮嘉悦A5', 13.5);
        addData('众泰T600', 14.0);
        addData('马自达阿特兹', 14.5);
        addData('本田雅阁', 14.5);
        addData('传祺GS7', 14.5);
        addData('东风AX7', 15.0);
        addData('丰田凯美瑞', 15.5);
        addData('吉普大指挥官', 16.0);
        addData('哈弗H6', 16.0);
        addData('领克01', 16.0);
        addData('启辰星', 16.5);
        addData('奥迪A6L', 16.5);
        addData('丰田卡罗拉', 16.5);
        addData('丰田亚洲龙', 16.5);
        addData('吉利星越', 17.0);
        addData('长安CS75Plus', 17.5);
        addData('小鹏G3', 17.5);
        addData('哈弗F5', 17.5);
        addData('宝马325Li', 17.5);
        addData('丰田雷凌', 17.5);
        addData('魏派VV5', 18.0);
        addData('大众途观L', 18.0);
        addData('宝马318i', 18.5);
        addData('凯迪拉克XT4', 18.5);
        addData('蔚来EC6', 19.5);
        addData('宝马X3 25iM', 19.5);
        addData('奔驰C200', 20.0);
        addData('领克03', 20.0);
        addData('马自达3', 20.5);
        addData('荣威RX5 MAX', 20.5);
        addData('福特福克斯', 21.0);
        addData('奥迪Q5L', 21.0);
        addData('比亚迪唐', 21.5);
        addData('丰田荣放', 22.0);
        addData('特斯拉Model 3', 22.5);
        addData('大众帕萨特2020', 23.0);
        addData('奔驰GLC260L', 23.0);
        addData('奔腾T77', 23.5);
        addData('理想ONE', 25.5);
        addData('沃尔沃XC60', 26.0);
        addData('丰田奕泽', 31.5);
        for (let i = 0; i < legendData.length; i++) {
            let seriesDataVal = null;
            seriesDataVal = {
                barWidth: 10, type: 'bar',
                itemStyle: {
                    normal: {
                        show: true, barBorderRadius: [10, 10, 10, 10],//柱形图圆角，初始化效果
                        color: function (params) {
                            if (params.value > 16) return "#4CAF50";
                            else if (params.value > 14) return "#FFEB3B";
                            else if (params.value > 9) return "#FF9800";
                            else return "#f44336";
                        }
                    }
                }, label: {normal: {show: true, position: 'right'}}, data: arrayScore
            };
            seriesValue.push(seriesDataVal);
        }
        buildChart('detailSide', "侧面碰撞 - B柱与座椅中线距离", "（距离越大越好）", legendData, arrayCar, seriesValue);
    }

    function initDataTop() {
        let legendData = ['车顶强度'];
        let arrayCar = [];
        let seriesValue = [];
        let arrayScore = [];

        function addData(car, score) {
            arrayCar.push(car);
            arrayScore.push(score);
        }

        addData('雷诺科雷傲', 2.70);
        addData('宝骏510', 2.86);
        addData('三菱欧蓝德', 2.89);
        addData('绅宝D50', 3.31);
        addData('东风AX7', 3.42);
        addData('别克GL8', 3.51);
        addData('日产西玛', 3.57);
        addData('魏派VV5', 3.60);
        addData('起亚智跑', 3.70);
        addData('传祺GS7', 3.75);
        addData('众泰T600', 3.79);
        addData('比亚迪宋MAX', 3.85);
        addData('江淮瑞风S3', 3.90);
        addData('哈弗H6', 3.95);
        addData('比亚迪唐', 4.04);
        addData('本田雅阁', 4.15);
        addData('本田INSPIRE', 4.16);
        addData('现代菲斯塔', 4.17);
        addData('江淮嘉悦A5', 4.22);
        addData('别克昂科威', 4.36);
        addData('雪佛兰科鲁泽', 4.36);
        addData('长安CS75Plus', 4.43);
        addData('大众途观L', 4.44);
        addData('小鹏G3', 4.45);
        addData('本田凌派', 4.49);
        addData('哈弗F5', 4.51);
        addData('吉普大指挥官', 4.52);
        addData('奇瑞艾瑞泽5', 4.53);
        addData('斯柯达柯迪亚克', 4.55);
        addData('凯迪拉克XT4', 4.59);
        addData('别克君威', 4.63);
        addData('理想ONE', 4.66);
        addData('马自达阿特兹', 4.69);
        addData('日产天籁', 4.73);
        addData('蔚来EC6', 4.74);
        addData('宝马318i', 4.89);
        addData('丰田荣放', 4.94);
        addData('本田皓影', 5.01);
        addData('宝马X3 25iM', 5.02);
        addData('沃尔沃XC60', 5.06);
        addData('吉利星越', 5.10);
        addData('大众迈腾', 5.12);
        addData('领克01', 5.21);
        addData('现代领动', 5.32);
        addData('本田思域', 5.34);
        addData('启辰星', 5.36);
        addData('奥迪A6L', 5.37);
        addData('大众帕萨特2019', 5.41);
        addData('奥迪Q5L', 5.41);
        addData('荣威RX5 MAX', 5.41);
        addData('福特福克斯', 5.61);
        addData('丰田雷凌', 5.66);
        addData('奔腾T77', 5.74);
        addData('丰田奕泽', 5.75);
        addData('大众帕萨特2020', 5.83);
        addData('特斯拉Model 3', 5.97);
        addData('丰田凯美瑞', 5.98);
        addData('领克03', 6.02);
        addData('丰田亚洲龙', 6.03);
        addData('丰田卡罗拉', 6.04);
        addData('奔驰C200', 6.06);
        addData('宝马325Li', 6.11);
        addData('马自达3', 6.34);
        addData('奔驰GLC260L', 6.75);
        for (let i = 0; i < legendData.length; i++) {
            let seriesDataVal = null;
            seriesDataVal = {
                barWidth: 10, type: 'bar',
                itemStyle: {
                    normal: {
                        show: true,//鼠标悬停时显示label数据
                        barBorderRadius: [10, 10, 10, 10],//柱形图圆角，初始化效果
                        color: function (params) {
                            if (params.value >= 4.0) return "#4CAF50";
                            else if (params.value >= 3.25) return "#FFEB3B";
                            else if (params.value >= 2.50) return "#FF9800";
                            else return "#f44336";
                        }
                    }
                },
                label: {normal: {show: true, position: 'right'}}, data: arrayScore
            };
            seriesValue.push(seriesDataVal);
        }
        buildChart('detailTop', "车顶强度", "（分数越高越好）", legendData, arrayCar, seriesValue);
    }

    function initDataTopWeight() {
        let legendData = ['车顶强度 - 峰值载荷'];
        let arrayCar = [];
        let seriesValue = [];
        let arrayScore = [];

        function addData(car, score) {
            arrayCar.push(car);
            arrayScore.push(score);
        }

        addData('宝骏510', 33686);
        addData('雷诺科雷傲', 40011);
        addData('绅宝D50', 40902);
        addData('三菱欧蓝德', 43344);
        addData('江淮瑞风S3', 49523);
        addData('雪佛兰科鲁泽', 51797);
        addData('起亚智跑', 52579);
        addData('东风AX7', 53085);
        addData('现代菲斯塔', 53681);
        addData('日产西玛', 54581);
        addData('本田凌派', 55294);
        addData('江淮嘉悦A5', 57910);
        addData('奇瑞艾瑞泽5', 58834);
        addData('众泰T600', 59105);
        addData('本田INSPIRE', 59418);
        addData('本田雅阁', 59598);
        addData('魏派VV5', 60085);
        addData('哈弗H6', 62887);
        addData('比亚迪宋MAX', 63299);
        addData('传祺GS7', 63944);
        addData('本田思域', 64661);
        addData('别克君威', 64869);
        addData('别克GL8', 65275);
        addData('别克昂科威', 67823);
        addData('大众途观L', 67876);
        addData('现代领动', 68056);
        addData('日产天籁', 68241);
        addData('长安CS75Plus', 69240);
        addData('马自达阿特兹', 69131);
        addData('哈弗F5', 69343);
        addData('斯柯达柯迪亚克', 69956);
        addData('小鹏G3', 70428);
        addData('大众迈腾', 71112);
        addData('福特福克斯', 72028);
        addData('宝马318i', 73033);
        addData('凯迪拉克XT4', 73686);
        addData('丰田雷凌', 74473);
        addData('丰田荣放', 74660);
        addData('比亚迪唐', 74827);
        addData('本田皓影', 75455);
        addData('大众帕萨特2019', 76511);
        addData('启辰星', 77531);
        addData('丰田卡罗拉', 80293);
        addData('马自达3', 80473);
        addData('吉利星越', 80815);
        addData('领克01', 83734);
        addData('丰田奕泽', 83990);
        addData('荣威RX5 MAX', 84042);
        addData('奔腾T77', 84100);
        addData('大众帕萨特2020', 84174);
        addData('吉普大指挥官', 87564);
        addData('领克03', 89478);
        addData('丰田凯美瑞', 90059);
        addData('宝马X3 25iM', 90902);
        addData('沃尔沃XC60', 91677);
        addData('奥迪A6L', 92007);
        addData('丰田亚洲龙', 93385);
        addData('特斯拉Model 3', 93797);
        addData('奔驰C200', 94379);
        addData('宝马325Li', 95952);
        addData('奥迪Q5L', 97010);
        addData('蔚来EC6', 103324);
        addData('理想ONE', 104989);
        addData('奔驰GLC260L', 122316);
        for (let i = 0; i < legendData.length; i++) {
            let seriesDataVal = null;
            seriesDataVal = {
                barWidth: 10, type: 'bar',
                itemStyle: {
                    normal: {
                        show: true,
                        barBorderRadius: [10, 10, 10, 10],
                        color: function (params) {
                            if (params.value >= 60000) return "#4CAF50";
                            else if (params.value >= 50000) return "#FFEB3B";
                            else if (params.value >= 40000) return "#FF9800";
                            else return "#f44336";
                        }
                    }
                },
                label: {normal: {show: true, position: 'right'}}, data: arrayScore
            };
            seriesValue.push(seriesDataVal);
        }
        buildChart('detailTop', "车顶强度 - 峰值载荷", "（分数越高越好）", legendData, arrayCar, seriesValue);
    }

    function buildChart(chartId, title, subTitle, legendData, arrayCar, seriesValue) {
        let chart = document.getElementById(chartId);
        let echart = echarts.init(chart);
        let option = {
            title: {
                text: title, x: "center", y: "0", textStyle: {fontSize: 18, fontWeight: 'bold', color: '#DDDDDD'},
                subtext: subTitle, subtextStyle: {fontSize: 12, color: '#DDDDDD'},
            },
            tooltip: {trigger: 'axis', axisPointer: {type: 'shadow'}},
            toolbox: {
                show: true, feature: {saveAsImage: {show: true},},
                iconStyle: {normal: {borderWidth: 1, borderColor: '#ccc'}}
            },
            legend: {show: true, x: 'left', y: 'top', padding: [15, 0, 0, 10]},
            grid: {left: '3%', right: '4%', bottom: '5%', top: '6%', containLabel: true},
            yAxis: [{
                min: 0, type: 'category', data: arrayCar, axisLabel: {color: '#DDDDDD'},
                axisLine: {lineStyle: {color: '#DDDDDD'}}
            }],
            xAxis: [{
                min: 0, type: 'value', splitArea: {show: false}, axisLabel: {color: '#DDDDDD'},
                axisLine: {lineStyle: {color: '#DDDDDD'}}
            }],
            label: {normal: {show: true, position: 'top'}},
            series: seriesValue, backgroundColor: '#2b3942',
            //graphic: [
            //    {
            //        type: 'group', rotation: 0, bounding: 'raw', left: 70, top: 20, z: 100,
            //        children: [
            //            {
            //                type: 'rect', left: 'center', top: 'center', z: 100, id: 'watermark_back', invisible: false,
            //                shape: {width: 140, height: 40}, style: {fill: 'rgba(34,49,58,1)'}
            //            },
            //            {
            //                type: 'text', left: 'center', top: 'center', z: 100, id: 'watermark_text', invisible: false,
            //                style: {
            //                    fill: '#009688', font: 'normal 13px',
            //                    text: '中    保    研    ·    汇    总 \n ——————————\nzhongbaoyan.gitee.io'
            //                }
            //            }
            //        ]
            //    }
            //]
        };
        echart.setOption(option);
    }

    let arrayId = [ // FIXME
                         4,          7,  8,  9, 
                12,     14, 15, 16, 17, 18, 19,
        20, 21, 22, 23, 24, 25, 26, 27, 28, 29,
        30, 31, 32, 33, 34, 35, 36, 37, 38, 39,
        40, 41, 42, 43, 44, 45, 46, 47, 48, 49,
        50, 51, 52, 53, 54, 55, 56, 57, 58, 59,
        60,         63, 64, 65, 66, 67, 68, 69,
        70, 71, 72, 73, 74,
    ];
    let contentImgFrame = "";
    for (let i = 0; i < arrayId.length; i++) {
        let id = arrayId[i];
        contentImgFrame += "<span class='lightbox'>" +
            "<span id='img" + id + "' data-src='img/" + id + "/front.jpg'>" +
            "<a href='javascript:;' title='图片' target='_blank'><i class='zmdi zmdi-image'></i></a>" +
            "<img style='display: none' src='img/front.png'/></span>" +
            "<span data-src='img/" + id + "/side.jpg'><img style='display: none' src='img/side.png'/></span>" +
            "<span data-src='img/" + id + "/top.jpg'><img style='display: none' src='img/top.png'/></span>" +
            //"<span data-src='img/" + i + "/fcw.jpg'><img style='display: none' src='img/fcw.png'/></span>" +
            "</span>";
    }
    document.getElementById("image-frame").innerHTML = "<div style='display: none'>" + contentImgFrame + "</div>";

    window.onload = function bindClick() {
        for (let i = 0; i < arrayId.length; i++) {
            let id = arrayId[i];
            document.getElementById("btn" + id).onclick = function () {
                document.getElementById("img" + id).click();
            }
        }
        initDataFront();
        initDataSide();
        initDataTop();
    }

    function changeFront(o) {
        if (o.checked) initDataFrontPeopleHarm();
        else initDataFront();
    }

    function changeSide(o) {
        if (o.checked) initDataSideLength();
        else initDataSide();
    }

    function changeTop(o) {
        if (o.checked) initDataTopWeight();
        else initDataTop();
    }
</script>
<script src="js/html2canvas.min.js" type="text/javascript" charset="utf-8" async defer></script>
<script src="js/canvas2image.js" type="text/javascript" charset="utf-8" async defer></script>
<script>
    $('#btnSaveImage').click(function (e) {
        document.getElementById("btnSaveImage").style.display = "none";
        document.getElementById("watermark").style.display = "";
        html2canvas(document.getElementById("content")).then(function (canvas) {
            let date = new Date();
            let month = (date.getMonth() + 1);
            let day = date.getDate();
            if (month < 10) month = "0" + month;
            if (day < 10) day = "0" + day;
            let fileName = "中保研_" + date.getFullYear() + month + day + ".png";
            let shift = 10; // 偏移
            let webType = getExplorer();
            if (webType == 'Edge' || webType == 'ie') shift = 0;
            console.log("getExplorer:" + getExplorer() + ";shift=" + shift); // Chrome Edge
            Canvas2Image.saveAsImageToName(canvas, canvas.width, canvas.height, 'png', fileName, shift); // jpeg
        });
        document.getElementById("btnSaveImage").style.display = "";
        document.getElementById("watermark").style.display = "none";
    });

    var directoryDepth = 0;
    //document.getElementById("footer-copyright").innerHTML = "" + new Date().getFullYear();
</script>
<script src="resource/js/zms.page.pattern.js"></script>
<script src="resource/js/busuanzi.pure.mini.js"></script><!-- busuanzi PV&UV -->
</body>
</html>